<template>
	<view>

		<view class="beijing" :style="{background: 'url('+imageURL+')'}">
			<view class="anniu">
				<navigator open-type='navigate' url="studentbaojing?id=普通&type=0"><button class="anniu1" plain>
						<image src="../../static/报警首页/普通.png" style="width: 50px; height: 50px;" mode=""></image>
						<view>普通</view>

					</button></navigator>
				<navigator open-type="navigate" url="studentbaojing?id=火灾&type=4"><button class="anniu2" plain>
					<image src="../../static/报警首页/火灾.png" style="width: 50px; height: 50px;">
						<view>火灾</view>
					</image>
				</button></navigator>
			</view>
			<view class="anniu">
				<navigator open-type="navigate" url="studentbaojing?id=诈骗&type=1"><button class="anniu1" :plain="true">
					<image src="../../static/报警首页/诈骗.png" style="width: 100rpx; height: 100rpx;">
						<view>诈骗</view>
					</image>
									</button></navigator>
				<navigator open-type="navigate" url="studentbaojing?id=抢劫&type=5"><button class="anniu2" :plain="true">
					<image src="../../static/报警首页/抢劫.png" style="width: 100rpx; height: 100rpx;">
						<view>抢劫</view>
					</image>
				</button></navigator>
			</view>
			<view class="zhongjian">
				<button class="anniu3" :plain="true" @click="cell">
					<image src="../../static/报警首页/一键报警.png" style="width: 100rpx; height: 100rpx;"></image>
					<view>一键报警</view>
				</button>
			</view>
			<view class="anniu">
				<navigator open-type="navigate" url="studentbaojing?id=受伤&type=2"><button class="anniu1" :plain="true">

					<image src="../../static/报警首页/受伤.png" style="width: 100rpx; height: 100rpx;">
						<view>受伤</view>
					</image>
				</button></navigator>
				<navigator open-type="navigate" url="studentbaojing?id=落水&type=6"><button class="anniu2" :plain="true">
					<image src="../../static/报警首页/落水.png" style="width: 100rpx; height: 100rpx;">
						<view>落水</view>
					</image>
				</button></navigator>
			</view>
			<view class="anniu">
				<navigator open-type="navigate" url="studentbaojing?id=疫情&type=3"><button class="anniu1" :plain="true">
					<image src="../../static/报警首页/疫情.png" style="width: 100rpx; height: 100rpx;">
						<view>疫情</view>
					</image>
				</button></navigator>
				<navigator open-type="navigate" url="../record/record"><button class="anniu2" :plain="true">
					<image src="../../static/报警首页/历史记录.png" style="width: 100rpx; height: 100rpx;">
						<view>历史记录</view>
					</image>
				</button></navigator>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imageURL: '/static/背景/beijing1.png'
			}
		},
		methods: {
			cell(){
				wx.makePhoneCall({
				  phoneNumber: '110' // 仅为示例，并非真实的电话号码
				})
			}
		}
	}
</script>

<style>
	.anniu {
		margin-left: 80rpx;
		display: flex;
	}

	.anniu1 {
		
		width: 250rpx;
		height: 250rpx;
	}

	.anniu2 {
		margin-left: 100rpx;
		width: 250rpx;
		height: 250rpx;
	}

	.anniu3 {
		width: 250rpx;
		height: 250rpx;
	}

	.img {

		width: 140upx;
		height: 140upx;
		margin-top: 10upx;

	}
</style>
